<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单信息</title>
		<link rel="stylesheet" type="text/css" href="form.css" />
		<script src="form.js" type="text/javascript" charset="utf-8" defer></script>
	</head>

	<body>
		<div class="container">
			<div id="app">
				<div class="title">学生信息表</div>
				<form action="" class='form' method="">
					<div class="row">
						<span>姓名</span>
						<input class="ipt" type="text" name="" id="" value="" />
					</div>
					<div class="row">
						<span>学号</span>
						<input id="stNb" class="ipt" type="text" name="" id="" value="" />
						<div class="tip">学号长度为12!</div>
					</div>
					<div class="row">
						<span>E-mail</span>
						<input id="email" class="ipt" type="text" name="" id="" value="" />
					</div>
					<div class="row">
						<span>电话</span>
						<input id="phNb" class="ipt" type="text" name="" id="" value="" />
						<div class="tip">请输入正确的手机号!</div>
					</div>
				</form>
				<form action="" method="" class='form'>
					<div class="row2">
						<span>性别</span>
						<div class="mui-input-row mui-radio ">
							<input name="radio" type="radio" checked value="男">
							<label>男</label>
							<input name="radio" type="radio" value="女">
							<label>女</label>
						</div>
					</div>
				</form>
				<form action="" class='form' method="">

					<div class="row2">
						<span>籍贯</span>
						<div class="row-item">
							<select name="">
								<option value="重庆">重庆</option>
								<option value="四川">四川</option>
								<option value="广州">广州</option>
								<option value="北京">北京</option>
							</select>
							<span>省（市）</span>
						</div>
						<div class="row-item">
							<select name="">
								<option value="涪陵">涪陵</option>
								<option value="垫江">垫江</option>
								<option value="广西">广西</option>
								<option value="五道口">五道口</option>
							</select>
							<span>县(市、区)</span>
						</div>
					</div>
				</form>
				<form action="" class="form" method="">
					<div class="row2">
						<span>选修课程</span>
						<input type="checkbox" name="vehicle" value="乒乓球">乒乓球
						<input type="checkbox" name="vehicle" value="排球">排球
						<input type="checkbox" name="vehicle" value="音乐">音乐
						<input type="checkbox" name="vehicle" value="武术">武术
						<input type="checkbox" name="vehicle" value="游泳">游泳
						<div>(每人至少选2门)</div>
					</div>
				</form>
				<form class="form" action="" method="">

					<div class="row2">
						<span>出生年月</span>
						<select class="slts" name="年">
						</select>
						<span>年</span>
						<select class="slts" name="月">
						</select>
						<span>月</span>
						<select class="slts" name="日" defaultValue=>
						</select>
						<span>日</span>
					</div>
				</form>
				<div class="row2 row3">
					<button class="btn-2 btn" type="button">提交</button>
					<button class="btn-1 btn" type="button">重置</button>
				</div>
			</div>
		</div>
	</body>
</html>
